<template>
	<el-form ref="form" :model="form" label-width="80px">
  <el-form-item label="文章标题">
    <el-input v-model="form.title"></el-input>
  </el-form-item>
  <el-form-item label="类型">
    <el-select v-model="form.type" placeholder="请选择文章类型">
      <el-option label="区域一" value="shanghai"></el-option>
      <el-option label="区域二" value="beijing"></el-option>
    </el-select>
  </el-form-item>
  <el-form-item label="标签">
   	<el-checkbox-group v-model="form.lables">
      <el-checkbox label="vue" name="lables"></el-checkbox>
      <el-checkbox label="css3" name="lables"></el-checkbox>
      <el-checkbox label="bootstrap" name="lables"></el-checkbox>
      <el-checkbox label="koa" name="lables"></el-checkbox>
    </el-checkbox-group>
  </el-form-item>
  <el-form-item label="文章内容">
    <quill-editor ref="myTextEditor"></quill-editor>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">立即发布</el-button>
    <el-button>取消</el-button>
  </el-form-item>
</el-form>
</template>
<script>
	export default{
		name:'NewBlog',
		data(){
			return{
				form: {
          			title: '',
        			type: '',
        			labels: [],
        			content: '',
        			
        }
			}
		},
		methods: {
      onSubmit() {
        console.log('submit!');
      }
    }
	}
</script>